@menu-mobile-width: 50px;
@media screen and (max-width: 1500px) {
    //菜单
    #menu-container {
        width: @menu-mobile-width;
    }
    //主体
    #content-container {
        left: @menu-mobile-width;
    }
    .menu-item {
        text-align: center;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        i {
            display: inline-block;
        }
        span {
            display: none;
        }
        &.active {
            background-color: #2D9B5C;
            background-image: linear-gradient(left, lighten(#2D9B5C, 5%), darken(#2D9B5C, 3%));
            background-image: -webkit-linear-gradient(left, lighten(#2D9B5C, 5%), darken(#2D9B5C, 3%));
            &::before {
                content: "";
                position: absolute;
                background-color: #2D9B5C;
                background-image: linear-gradient(left, darken(#2D9B5C, 3%), darken(#2D9B5C, 6%));
                background-image: -webkit-linear-gradient(left, darken(#2D9B5C, 3%), darken(#2D9B5C, 6%));
                width: 6px;
                left: 100%;
                top: 0;
                bottom: 0;
                z-index: 10;
            }
            &::after {
                z-index: 10;
                content: "";
                position: absolute;
                left: 100%;
                top: 100%;
                width: 0;
                height: 0;
                border-top: 8px solid darken(#2D9B5C, 15%);
                border-right: 6px solid transparent;
            }
        }
    }
    @prjListWidth: 360px;
    #projectPanel {
        width: @prjListWidth;
        .line-panel {
            margin-left: 2rem;
        }
    }
    #projectDetail {
        left: @prjListWidth;
    }
}
